<template>
  <el-dialog :title="title" :visible.sync="open" append-to-body>
    <div class="jcqk-page">
      <h3 class="title">基本情况</h3>
      <div class="table-con">
        <table class="main-table">
          <colgroup>
            <col style="width: 15%">
            <col style="width: 10%">
            <col style="width: 7%">
            <col style="width: 7%">
            <col style="width: 7%">
            <col style="width: 2%">
            <col style="width: 7%">
            <col style="width: 2%">
            <col style="width: 8%">
            <col style="width: 2%">
            <col style="width: 7%">
            <col style="width: 10%">
            <col style="width: 16%">
          </colgroup>
          <tbody>
            <tr>
              <td class="td-title">单位全称</td>
              <td class="td-title">是否国高新企业</td>
              <td colspan="10" class="td-title">人力资源分管负责人联系方式</td>
              <td class="td-title">所在镇街园区</td>
            </tr>
            <tr>
              <td>{{ data.orgName }}</td>
              <td>{{ data.isHpEnterprise }}</td>
              <td class="td-title2">姓名</td>
              <td colspan="3">{{ data.principalName }}</td>
              <td colspan="2" class="td-title2">手机号</td>
              <td colspan="2">{{ data.principalPhone }}</td>
              <td class="td-title2">微信号</td>
              <td>{{ data.principalWx }}</td>
              <td>{{ data.orgAddr }}</td>
            </tr>
            <tr>
              <td class="td-title">拟引进人才姓名</td>
              <td class="td-title">是否国新企业</td>
              <td class="td-title" colspan="2">境外留学高校名称<br>(请填中英文双语名称)</td>
              <td class="td-title" colspan="3">世界排行<br>(QS/THE/USNEWS)</td>
              <td class="td-title" colspan="3">所学专业<br>(请填中英文双语名称)</td>
              <td class="td-title">学位</td>
              <td class="td-title">毕业日期<br>(年月日)</td>
              <td class="td-title">在境外学习时长<br>(请到出入境部门查询准确时间)</td>
            </tr>
            <tr>
              <td>{{ talentName }}</td>
              <td>{{ data.isHpEnterprise }}</td>
              <td colspan="2">中国财经大学<br>(Central University of)</td>
              <td colspan="3">USNEWS</td>
              <td colspan="3">金融(finance)</td>
              <td>博士</td>
              <td>2018.07.28</td>
              <td>120天</td>
            </tr>
            <tr>
              <td class="td-title">出生年月</td>
              <td class="td-title td-nbr" />
              <td class="td-title td-nbl" colspan="3">国内毕业院校名称</td>
              <td class="td-title" colspan="4">专业名称</td>
              <td class="td-title" colspan="3">学历</td>
              <td class="td-title">学位</td>
            </tr>
            <tr>
              <td>{{ data.birthday }}</td>
              <td>本科</td>
              <td colspan="3">{{ data.uSchoolName }}</td>
              <td colspan="4">{{ data.uSpecialtyName }}</td>
              <td colspan="3">本科</td>
              <td>{{ data.uDegree }}</td>
            </tr>
            <tr>
              <td class="td-title">本单位入职时间</td>
              <td>硕士</td>
              <td colspan="3">{{ data.masterSchoolName }}</td>
              <td colspan="4">{{ data.masterSpecialtyName }}</td>
              <td colspan="3">硕士</td>
              <td>{{ data.masterDegree }}</td>
            </tr>
            <tr>
              <td>{{ data.hiredate }}</td>
              <td>博士</td>
              <td colspan="3">{{ data.phdSchoolName }}</td>
              <td colspan="4">{{ data.phdSpecialtyName }}</td>
              <td colspan="3">博士</td>
              <td>{{ data.phdDegree }}</td>
            </tr>
          </tbody>
        </table>
      </div>
      <h3 class="title">具体情况</h3>
      <div class="jtqk-con">
        <template>
          <h4 class="qk-title">第一项</h4>
          <div class="qk-item">
            <div class="qk-lf">
              <p class="qk-notes el-icon-info">注释</p>
              <p class="qk-con">
                公司内是否拥有国家最高科学技术奖获奖人，国家自然科学奖、国家技术发明奖。国家科学技术进步奖二等奖及以上奖项的主要获奖人，本市科学技术奖-等奖及以上奖项的主要获奖人。
              </p>
            </div>
            <div class="qk-rf">
              <table class="main-table">
                <colgroup>
                  <col style="width: 20%">
                  <col style="width: 60%">
                  <col style="width: 20%">
                </colgroup>
                <tbody>
                  <tr>
                    <td class="td-title">所获奖项</td>
                    <td class="td-title">排名</td>
                  </tr>
                  <tr>
                    <td>{{ data.aAwards }}</td>
                    <td>{{ data.aNumber }}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </template>
        <template>
          <h4 class="qk-title">第二项</h4>
          <div class="qk-item">
            <div class="qk-lf">
              <p class="qk-notes el-icon-info">注释</p>
              <p class="qk-con">
                申请人是否为公司内部设立的承担国家和本市重大科研任务和前沿技术研究的重点实验室、新型研发机构和新型实体机构的负责人。
              </p>
            </div>
            <div class="qk-rf">
              <table class="main-table">
                <colgroup>
                  <col style="width: 20%">
                  <col style="width: 60%">
                  <col style="width: 20%">
                </colgroup>
                <tbody>
                  <tr>
                    <td class="td-title">平台名称</td>
                    <td class="td-title">担任的科研任务</td>
                  </tr>
                  <tr>
                    <td>{{ data.bPlatform }}</td>
                    <td>{{ data.bProject }}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </template>

        <template>
          <h4 class="qk-title">第三项</h4>
          <div class="qk-item">
            <div class="qk-lf">
              <p class="qk-notes el-icon-info">注释</p>
              <p class="qk-con">
                公司年度市级财政贡献是否达到500万。
              </p>
            </div>
            <div class="qk-rf">
              <table class="main-table">
                <colgroup>
                  <col style="width: 33%">
                  <col style="width: 33%">
                  <col style="width: 33%">
                </colgroup>
                <tbody>
                  <tr>
                    <td class="td-title">2018年市级税收</td>
                    <td class="td-title">2019年市级税收</td>
                    <td class="td-title">2020年市级税收</td>
                  </tr>
                  <tr>
                    <td>{{ data.cRevenueT3 }}</td>
                    <td>{{ data.cRevenueT2 }}</td>
                    <td>{{ data.cRevenueT1 }}</td>
                  </tr>
                  <tr>
                    <td class="td-title">申请人是否任职</td>
                    <td class="td-title">职务</td>
                    <td class="td-title">任职年限</td>
                  </tr>
                  <tr>
                    <td>{{ data.cPostIs }}</td>
                    <td>{{ data.cPost }}</td>
                    <td>{{ data.cPostDate }}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </template>

        <template>
          <h4 class="qk-title">第四项</h4>
          <div class="qk-item">
            <div class="qk-lf">
              <p class="qk-notes el-icon-info">注释</p>
              <p class="qk-con">
                公司是否为“独角兽”企业。
              </p>
            </div>
            <div class="qk-rf">
              <table class="main-table">
                <colgroup>
                  <col style="width: 20%">
                  <col style="width: 20%">
                  <col style="width: 20%">
                  <col style="width: 20%">
                  <col style="width: 20%">
                </colgroup>
                <tbody>
                  <tr>
                    <td class="td-title">成立年月</td>
                    <td class="td-title">估值</td>
                    <td class="td-title">是否自然人股东</td>
                    <td class="td-title">持股比例</td>
                    <td class="td-title">排名</td>
                  </tr>
                  <tr>
                    <td>{{ data.cRevenueT3 }}</td>
                    <td>{{ data.cRevenueT2 }}</td>
                    <td>{{ data.cRevenueT1 }}</td>
                    <td>{{ data.cRevenueT1 }}</td>
                    <td>{{ data.cRevenueT1 }}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </template>
      </div>
    </div>
    <div slot="footer" class="dialog-footer">
      <el-button type="primary" @click="submitForm">确 定</el-button>
    </div>
  </el-dialog>
</template>
<script>
import { getTalentBaseInfo } from '@/api/talent/talentBaseInfo'
export default {
  data() {
    return {
      title: '',
      open: false,
      id: null,
      data: null
    }
  },
  created() {
  },
  methods: {
    init(title, id) {
      this.title = title
      this.id = id
      this.open = true
      this.getTalentInfo(this.id)
    },
    getTalentInfo(data) {
      this.loading = true
      getTalentBaseInfo(data)
        .then(response => {
          if (response.code === 200) {
            this.data = response.data
          } else {
            this.$message.error(response.msg)
          }
          this.loading = false
        })
    },
    submitForm() {
      this.open = false
    }
  }
}
</script>
<style scoped>
h3,h4 { margin: 0; }
.jcqk-page {
  width: 100%;
  height: 100%;
  background: #ffffff;
  padding: 20px;
}
.title {
  font-weight: bold;
  border-bottom: 1px solid #e6e6e6;
  font-size: 16px;
  padding: 15px 0;
}
.main-table {
  width: 100%;
  text-align: center;
  border: 1px solid #e6e6e6;
}
.main-table td {
  height: 44px;
  border: 1px solid #e6e6e6;
  color: #111111;
  font-weight: bold;
}
.main-table td.td-title {
  background: #edf6ff;
  color: #616266;
  font-weight: normal;
}
.main-table td.td-title2 {
  color: #616266;
  background: #f6f6f6;
  font-weight: normal;
}
.main-table td.td-nbr {
  border-right: none;
}
.main-table td.td-nbl {
  border-left: none;
}
.jcqk-page .qk-title {
  font-size: 16px;
  color: #808080;
  font-weight: bold;
}
.jcqk-page .qk-item {
  color: #666666;
  overflow: hidden;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
}
.jcqk-page .qk-lf {
  float: left;
  width: 25%;
}
.jcqk-page .qk-rf {
  float: right;
  width: 74%;
  padding-top: 15px;
}
.jcqk-page .qk-lf .qk-notes {
  font-size: 16px;
  color: #3c95fd;
  font-weight: bold;
  line-height: 36px;
  margin: 0;
}
.jcqk-page .qk-lf .qk-icon {
  margin-right: 4px;
}
.jcqk-page .qk-lf .qk-con {
  font-size: 12px;
  color: #999999;
  text-indent: 2em;
  font-weight: bold;
  margin: 0;
}
</style>
